/* 
    个人用户管理中心
*/

.body {
    width: 100%;
    height: 1300px;
    overflow: auto;
    background-color: #F0F0F0;
    display: flex;
}

.body .link {
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
}

.body .link.icon {
    justify-content: center;
}

.body .link.text a {
    margin-left: 24px;
}

.body .link a {
    color: #ffffff;
    font-size: 22px;
}

.body .link a:hover {
    color: #FF8B64;
}

.body .link.active a {
    color: #FF8B64;
}

.body .router-icon {
    width: 90px;
    padding-top: 40px;
    background-color: #424E74;
}

.body .router-icon img {
    width: 50px;
    height: 50px;
}

.body .router-link {
    width: 280px;
    padding-top: 40px;
    background-color: #4B5880;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 路由渲染的显示 */
.body .router-view {
    min-width: 1550px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.body .router-view .router {
    min-width: 1510px;
    height: 1280px;
    overflow: auto;
    background-color: #ffffff;
}


/* 路由渲染下面-我的资料 css */
.router-data-link {
    width: 100%;
    height: 80px;
    display: flex;
}

.router-data-link .data-link {
    width: 25%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.router-data-link .data-link a {
    font-size:28px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(29,39,60,1);
}
.router-data-link .data-link.active {
    border-bottom: 1px solid #226DF3;
}
.router-data-link .data-link.active a {
    color: #226DF3;
}



